<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition 
                
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j">
    <a4j:form id="frmRecursosHumanos">
        <rich:panel id="panPersonas" header="RecursosHumanos" >

            <!-- ####### Aqui Comienza el panel Emprendedores ####### -->
            <rich:panel id="pnlEmprendedores" >

                <a4j:commandButton id="btnNuevoEmprendedor" value="Nueva Persona" action="#{gestorRecursosHumanos.nuevoEmprendedor}"
                                   title="Nuevo" reRender="pnlEmprendedores" immediate="true"/>

                <rich:panel id="pnlListaEmprendedores"  rendered="#{gestorRecursosHumanos.renderEmprendedor}" header="Ingresar Emprendedor" >
                    <h:panelGrid id="outIngresoEmprendedor" columns="5" styleClass="gridhello" columnClasses="gridhellocolumn">

                    <h:outputText value="" />
                    <h:inputHidden value="#{gestorRecursosHumanos.currentEmprendedor.codigo}"/>
                    <h:outputText value="" />
                    <h:outputText value="" />
                    <h:outputText value="" />

                    <h:outputText value="#{general.profesion}:" />
                        <h:panelGroup>
                        <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                        <a4j:commandButton id="btnBuscaProfesion" image="/imagenes/application_form_magnify.ico"
                                           actionListener="#{gestorRecursosHumanos.pasarParamatrosProfesion}" reRender="pnlListaEmprendedores" ajaxSingle="true"/>
                            <h:inputText id="Profesion" value="#{gestorRecursosHumanos.currentEmprendedor.profesion.descripcion}"
                                         required="true" readonly="true" requiredMessage="Es necesario llenar este campo."
                                         >
                                <a4j:support event="onblur"/>
                            </h:inputText>


                        <rich:message for="Profesion" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        



                      <!--  <h:outputText value="Emprendimiento:   " />
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                            <h:inputText id="idEmprendimiento" value="#{gestorRecursosHumanos.currentEmprendedor.emprendimiento.codigo}"
                                         >

                            </h:inputText>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" /> -->


                    <h:outputText value="RUC_CI:" />
                    <h:panelGroup>
                        <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                        <h:inputText id="idRuc" value="#{gestorRecursosHumanos.currentEmprendedor.ruc_ci}"
                                     size="13" required="true" maxlength="13"
                                     validator="#{gestorRecursosHumanos.validarRuc}"
                                     requiredMessage="Es necesario llenar este campo."

                                     >


                        <a4j:support event="onblur"/>
                        </h:inputText>

                        <rich:message for="idRuc" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                    </h:panelGroup>
                    <h:outputText value="" />
                    <h:outputText value="" />
                    <h:outputText value="" />


                    <h:outputText value="Nombre:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                        <h:inputText id="idNombre" value="#{gestorRecursosHumanos.currentEmprendedor.nombre}"
                                     required="true" maxlength="40"
                                     requiredMessage="Es necesario llenar este campo."
                                       size="23"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>

                        <rich:message for="idNombre" errorClass="mensaje_error"/>
                        </h:panelGroup>

                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />

                    <h:outputText value="Apellido:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                        <h:inputText id="idApellido" value="#{gestorRecursosHumanos.currentEmprendedor.apellido}"
                                     required="true" maxlength="40"
                                     requiredMessage="Es necesario llenar este campo."
                                       size="23"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>

                        <rich:message for="idApellido" errorClass="mensaje_error"/>
                        </h:panelGroup>

                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />

                        <h:outputText value="#{general.direccion}:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idDireccion" value="#{gestorRecursosHumanos.currentEmprendedor.direccion}"
                                     required="true" maxlength="100"
                                     requiredMessage="Es necesario llenar este campo."
                                     size="23"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>

                        <rich:message for="idDireccion" errorClass="mensaje_error"/>
                        </h:panelGroup>

                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />


                    <h:outputText value="Actividad_Actual:   " />
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                            <h:inputText id="actActual" value="#{gestorRecursosHumanos.currentEmprendedor.actividad_actual}"
                                     maxlength="50"
                                     size="23"
                                     >

                        </h:inputText>
                        <h:outputText value="" />
                        </h:panelGroup>
                    <h:outputText value="" />
                    <h:outputText value="" />
                        <h:outputText value="" />



                        <h:outputText value="Tipo_Socio:" />
                        <h:panelGroup>
                        <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:selectOneMenu id="socios" label="Estatus"
                                             value="#{gestorRecursosHumanos.currentEmprendedor.socio_representante}"
                                             required="true"
                                             requiredMessage="Es necesario llenar este campo.">
                                <f:selectItem itemLabel="Socio" itemValue="s"/>
                                <f:selectItem itemLabel="Representante" itemValue="r"/>
                                <a4j:support event="onblur"/>
                            </h:selectOneMenu>

                        <rich:message for="socios" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        

                       
                        
   <!-- ###################  EXPERIENCIAS ################### -->

                    <h:outputText value="" />
                    <h:outputText value="" />
                    <h:outputText value="" />
                    <h:outputText value="" />
                    <h:outputText value="" />
                    </h:panelGrid>


   <!-- ################### INGRESO EXPERIENCIAS ################### -->
   <rich:panel id="pnlExperiencias" header="Definir Experiencias" style="width:500px" >

       <a4j:commandButton id="btnNuevoExperiencia" value="Agregar" action="#{gestorRecursosHumanos.nuevoExperiencia}"
                                   title="Nuevo" reRender="pnlExperiencias" immediate="true"/>
       <a4j:form>
           <a4j:region>
            <rich:panel id="pnlListaExperiencias"  rendered="#{gestorRecursosHumanos.renderExperiencia}" header="Ingresar Experiencia" >
                    <h:panelGrid id="outIngresoExperiencia" columns="5" styleClass="gridhello" columnClasses="gridhellocolumn">
                       <h:outputText value="Experiencia:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputTextarea id="idExperiencia" value="#{gestorRecursosHumanos.currentExperiencia.experiencia}"
                                             required="true" rows="2" cols="25"
                                         requiredMessage="Es necesario llenar este campo."
                                         >

                            </h:inputTextarea>
                            <a4j:support event="onblur"/>
                            <rich:message for="idExperiencia" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />


                        <h:outputText value="Empresa:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idLugar1" value="#{gestorRecursosHumanos.currentExperiencia.lugar}"
                                         size="25" required="true" maxlength="255"
                                         requiredMessage="Es necesario llenar este campo."
                                         >
                            </h:inputText>
                            <a4j:support event="onblur"/>
                            <rich:message for="idLugar1" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />

                        <h:outputText value="#{general.duracion}:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idDuracion2" value="#{gestorRecursosHumanos.currentExperiencia.duracionMeses}"
                                         size="2" required="true" maxlength="2"
                                         requiredMessage="Es necesario llenar este campo."
                                         >
                            </h:inputText>Meses
                            <a4j:support event="onblur"/>
                            <rich:message for="idDuracion2" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />

                    </h:panelGrid>
                    <a4j:commandButton id="btnGrabarExperiencia" value="Guardar Experiencia" action="#{gestorRecursosHumanos.grabarExperiencia}"
                                       title="Grabar" reRender="pnlExperiencias" />
                    <a4j:commandButton id="btnCancelarExperiencia" value="Cerrar" action="#{gestorRecursosHumanos.cerrarExperiencia}"
                                       title="Cerrar" reRender="pnlExperiencias" immediate="true"/>

                </rich:panel>
               </a4j:region>
       </a4j:form>

  <!-- ###################  TABLA EXPERIENCIAS ################### -->

                <rich:dataTable id="tblExperiencias" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                                onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                cellpadding="0" cellspacing="0"
                                width="400" rows="5" border="0" var="row" value="#{gestorRecursosHumanos.currentEmprendedor.experiencias}"
                                binding="#{gestorRecursosHumanos.tablaExperiencias}">


                  <!--  <rich:column label="#{general.codigo}" >
                        <f:facet name="header">
                            <h:outputText id="outCodigo1" value="Codigo" title="Codigo"/>
                        </f:facet>
                        <h:outputText value="#{row.codigo}"></h:outputText>
                    </rich:column>-->
                    <rich:column label="Experiencia">
                        <f:facet name="header">
                            <h:outputText id="outExperiencia" value="Experiencia" title="Experiencia"/>
                        </f:facet>
                        <h:outputText value="#{row.experiencia}"></h:outputText>
                    </rich:column>

                    <rich:column label="Empresa">
                        <f:facet name="header">
                            <h:outputText id="outEmpresa" value="Empresa" title="Empresa"/>
                        </f:facet>
                        <h:outputText value="#{row.lugar}"></h:outputText>
                    </rich:column>

                    <rich:column label="#{general.duracion} (Meses)">
                        <f:facet name="header">
                            <h:outputText id="outDuracion" value="#{general.duracion}" title="#{general.duracion}"/>
                        </f:facet>
                        <h:outputText value="#{row.duracionMeses}"></h:outputText>
                    </rich:column>

                    <rich:column>

                        <f:facet id="ignore1" name="header">
                            <h:outputText id="outClmAcciones1" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                        </f:facet>

                        <div id="divAcciones1" align="center">

                            <a4j:commandButton id="btnAccionEliminar1" action="#{gestorRecursosHumanos.eliminarExperiencia}" value="#{general.eliminar}"
                                               image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="pnlExperiencias" immediate="true"/>
                            <a4j:commandButton id="btnAccionEditar1" action="#{gestorRecursosHumanos.editarExperiencia}" value="#{general.btnVer}"
                                               image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="pnlExperiencias" immediate="true"/>

                        </div>
                    </rich:column>
                </rich:dataTable>
                



            </rich:panel>


       
        



   




<!-- ###################  ESTUDIOS ################### -->

<!-- ###################  PANEL ESTUDIOS ################### -->
<rich:panel id="panelEstudios" header="Definir Estudios" style="width:500px"  >
                        
        <f:facet name="header">
            <h:panelGroup>
                <h:outputText value="Listado de Estudios"></h:outputText>
            </h:panelGroup>
        </f:facet>
        <f:facet name="controls">
            <h:panelGroup>
                <h:graphicImage value="../imagenes/close.png" styleClass="hidelink" id="hidelink"/>
                <rich:componentControl for="panelEstudio" attachTo="hidelink" operation="hide" event="onclick"/>
            </h:panelGroup>
        </f:facet>
       
            <a4j:commandButton id="btnNuevoEstudio" value="Agregar" action="#{gestorRecursosHumanos.nuevoEstudio}"
                               title="Nuevo" reRender="panelEstudios" immediate="true" />


             <a4j:form>
           <a4j:region>
            <rich:panel id="pnlEstudio"   rendered="#{gestorRecursosHumanos.renderEstudio}" header="Ingresar Estudio" >
                
                    <h:panelGrid id="outIngresoEstudio" columns="5" styleClass="gridhello" columnClasses="gridhellocolumn">

                        <h:outputText value="Estudio:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputTextarea id="idEstudio" value="#{gestorRecursosHumanos.currentEstudio.estudio}"
                                             cols="25"  required="true" rows="2"
                                         requiredMessage="Es necesario llenar este campo."
                                         >
                            </h:inputTextarea>
                            <a4j:support event="onblur"/>
                            <rich:message for="idEstudio" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />


                        <h:outputText value="#{general.institucion}:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idLugar" value="#{gestorRecursosHumanos.currentEstudio.lugar}"
                                         size="25" required="true" maxlength="80"
                                         requiredMessage="Es necesario llenar este campo."
                                         >
                            </h:inputText>
                            <a4j:support event="onblur"/>
                            <rich:message for="idLugar" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />

                        <h:outputText value="#{general.Anio} #{general.finalizacion}:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idAnio" value="#{gestorRecursosHumanos.currentEstudio.anio}"
                                         size="4" required="true" maxlength="4"
                                         requiredMessage="Es necesario llenar este campo."
                                         >
                            </h:inputText>
                            <a4j:support event="onblur"/>
                            <rich:message for="idAnio" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />

                    </h:panelGrid>
                    <a4j:commandButton id="btnGrabarEstudio" value="Guardar Estudio" action="#{gestorRecursosHumanos.grabarEstudio}"
                                       title="Grabar" reRender="panelEstudios" />
                    <a4j:commandButton id="btnCancelarEstudio" value="Cerrar" action="#{gestorRecursosHumanos.cerrarEstudio}"
                                       title="Cerrar" reRender="panelEstudios" immediate="true"/>

                </rich:panel>
              </a4j:region>  
             </a4j:form>

<!-- ###################  TABLA ESTUDIOS ################### -->

                <rich:dataTable id="tblEstudios" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                                onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                cellpadding="0" cellspacing="0"
                                width="400" rows="5" border="0" var="row" value="#{gestorRecursosHumanos.currentEmprendedor.estudios}"
                                binding="#{gestorRecursosHumanos.tablaEstudios}">


               <!-- <rich:column label="Codigo" >
                        <f:facet name="header">
                            <h:outputText id="outCodigo1" value="Codigo" title="Codigo"/>
                        </f:facet>
                        <h:outputText value="#{row.codigo}"></h:outputText>
                    </rich:column> -->

                    <rich:column label="Estudio">
                        <f:facet name="header">
                            <h:outputText id="outEstudio" value="Estudio" title="Estudio"/>
                        </f:facet>
                        <h:outputText value="#{row.estudio}"></h:outputText>
                    </rich:column>

               <rich:column label="#{general.institucion}">
                        <f:facet name="header">
                            <h:outputText id="outInstitucion" value="#{general.institucion}" title="#{general.institucion}"/>
                        </f:facet>
                        <h:outputText value="#{row.lugar}"></h:outputText>
                    </rich:column>


               <rich:column label="#{general.anio}">
                        <f:facet name="header">
                            <h:outputText id="outAnio" value="#{row.anio}" title="#{row.anio}"/>
                        </f:facet>
                        <h:outputText value="#{row.anio}"></h:outputText>
                    </rich:column>



                    <rich:column>

                        <f:facet id="ignore1" name="header">
                            <h:outputText id="outClmAcciones1" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                        </f:facet>

                        <div id="divAcciones1" align="center">

                            <a4j:commandButton id="btnAccionEliminar1" action="#{gestorRecursosHumanos.eliminarEstudio}" value="#{general.eliminar}"
                                               image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="panelEstudios" immediate="true"/>
                            <a4j:commandButton id="btnAccionEditar1" action="#{gestorRecursosHumanos.editarEstudio}" value="#{general.btnVer}"
                                               image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="panelEstudios" immediate="true"/>

                        </div>
                    </rich:column>
                </rich:dataTable>
                


            


        
        
    </rich:panel>
<!-- ###################  HABILIDADES ################### -->
<!-- ###################  PANEL HABILIDADES ################### -->


                       
      
        


    <rich:panel id="pnlHabilidades" header="Definir Habilidades" style="width:500px" >

                <a4j:commandButton id="btnNuevoHabilidad" value="Agregar" action="#{gestorRecursosHumanos.nuevoHabilidad}"
                                   title="Nuevo" reRender="pnlHabilidades" immediate="true"/>
                <a4j:form>
                    <a4j:region>
                <rich:panel id="pnlListaHabilidades"  rendered="#{gestorRecursosHumanos.renderHabilidad}" header="Ingresar Habilidad" >
                    <h:panelGrid id="outIngresoHabilidad" columns="5" styleClass="gridhello" columnClasses="gridhellocolumn">

                        <h:outputText value="Habilidad:" />


                        
                        <h:panelGroup>
                        <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                        <a4j:commandButton id="btnBuscaHabilidad" image="/imagenes/application_form_magnify.ico"
                                           actionListener="#{gestorRecursosHumanos.pasarParamatrosHabilidad}"
                                           reRender="pnlListaHabilidades"
                                           ajaxSingle="true"/>

                        <h:inputText id="idHabilidad" value="#{gestorRecursosHumanos.currentHabilidad.descripcion}"
                                         required="true" requiredMessage="Es necesario llenar este campo."
                                         readonly="true" size="25" >
                            <a4j:support event="onblur" />
                            </h:inputText>

                            
                        <rich:message for="idHabilidad" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />

                    </h:panelGrid>
                    <a4j:commandButton id="btnGrabarHabilidad" value="Guardar Habilidad" action="#{gestorRecursosHumanos.grabarHabilidad}"
                                       title="Grabar" reRender="pnlHabilidades" />
                    <a4j:commandButton id="btnCancelarHabilidad" value="Cerrar" action="#{gestorRecursosHumanos.cerrarHabilidad}"
                                       title="Cerrar" reRender="pnlHabilidades" immediate="true"/>

                </rich:panel>
                        </a4j:region>
                            </a4j:form>
<!-- ###################  TABLA HABILIDADES ################### -->

                <rich:dataTable id="tblHabilidades" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                                onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                cellpadding="0" cellspacing="0"
                                width="400" rows="5" border="0" var="row" value="#{gestorRecursosHumanos.currentEmprendedor.habilidades}"
                                binding="#{gestorRecursosHumanos.tablaHabilidad}">


                    <rich:column label="#{general.codigo}" >
                        <f:facet name="header">
                            <h:outputText id="outCodigo1" value="#{general.codigo}" title="#{general.codigo}"/>
                        </f:facet>
                        <h:outputText value="#{row.codigo}"></h:outputText>
                    </rich:column>

                    <rich:column label="Habilidad">
                        <f:facet name="header">
                            <h:outputText id="outHabilidad" value="Habilidad" title="Habilidad"/>
                        </f:facet>
                        <h:outputText value="#{row.descripcion}"></h:outputText>
                    </rich:column>



                    <rich:column>

                        <f:facet id="ignore1" name="header">
                            <h:outputText id="outClmAcciones1" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                        </f:facet>

                        <div id="divAcciones1" align="center">

                            <a4j:commandButton id="btnAccionEliminar1" action="#{gestorRecursosHumanos.eliminarHabilidad}" value="#{general.eliminar}"
                                               image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="pnlHabilidades" immediate="true"/>
                            <a4j:commandButton id="btnAccionEditar1" action="#{gestorRecursosHumanos.editarHabilidad}" value="#{general.btnVer}"
                                               image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="pnlHabilidades" immediate="true"/>

                        </div>
                    </rich:column>
                </rich:dataTable>
                



            </rich:panel>

            <h:panelGrid columns="2">
                <h:outputText value=""/>
                    <rich:spacer width="100" height="10" />
                    <a4j:commandButton id="btnGrabarEmprendedor" value="Grabar Emprendedor" action="#{gestorRecursosHumanos.grabarEmprendedor}"
                                       title="Grabar" reRender="pnlEmprendedores"/>
                    <a4j:commandButton id="btnCancelarEmprendedor" value="Cancelar" action="#{gestorRecursosHumanos.cerrarEmprendedor}"
                                       title="Cerrar" reRender="pnlEmprendedores" immediate="true"/>
                      </h:panelGrid>
            </rich:panel>

            <br/>
            <h:panelGroup>
            <h:outputText value="Listado de Emprendedores para el proyecto ("/>
            <h:outputText value="#{gestorRecursosHumanos.currentEmprendimiento.nombre}" />
            <h:outputText value=")"/>
            </h:panelGroup>
            <br/>
                
                <rich:dataTable id="tblEmprendedores" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                                onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                cellpadding="0" cellspacing="0"
                                width="700" rows="5" border="0" var="row" value="#{gestorRecursosHumanos.currentEmprendimiento.personas}"
                                binding="#{gestorRecursosHumanos.tablaEmprendedor}">

                   
                        
                    <rich:column label="#{general.codigo}" >
                    	    <f:facet name="header">
                            	<h:outputText id="outCodigo" value="#{general.codigo}" title="#{general.codigo}"/>
                            </f:facet>
                          <h:outputText value="#{row.codigo}"></h:outputText>
                        </rich:column>

                    <rich:column label="Resp." >
                    	    <f:facet name="header">
                            	<h:outputText id="outResp" value="Resp" title="Resp"/>
                            </f:facet>
                          <h:outputText value="#{row.socio_representante}"></h:outputText>
                        </rich:column>

                        <rich:column label="Nombre">
                        	<f:facet name="header">
                        		<h:outputText id="outNombre" value="Nombre" title="Nombre"/>
                            </f:facet>
                            <h:outputText value="#{row.nombre}"></h:outputText>
                        </rich:column>

                       <rich:column label="Apellido">
                        	<f:facet name="header">
                        		<h:outputText id="outApellido" value="Apellido" title="Apellido"/>
                            </f:facet>
                           <h:outputText value="#{row.apellido}"></h:outputText>
                        </rich:column>

                       <rich:column label="CI/RUC">
                        	<f:facet name="header">
                        		<h:outputText id="outCI" value="CI_RUC" title="CI"/>
                            </f:facet>
                           <h:outputText value="#{row.ruc_ci}"></h:outputText>
                        </rich:column>

                       <rich:column label="Emprendimiento">
                        	<f:facet name="header">
                        		<h:outputText id="outEmprendimiento" value="Emprendimiento" title="Emprendimiento"/>
                            </f:facet>
                           <h:outputText value="#{row.emprendimiento.nombre}"></h:outputText>
                        </rich:column>


                    <rich:column>

                        <f:facet id="ignore" name="header">
                            <h:outputText id="outClmAcciones" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                        </f:facet>

                        <div id="divAcciones" align="center">

                            <a4j:commandButton id="btnAccionEliminar" action="#{gestorRecursosHumanos.eliminarEmprendedor}" value="#{general.eliminar}"
                                               image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="pnlEmprendedores" immediate="true"/>
                            <a4j:commandButton id="btnAccionEditar" action="#{gestorRecursosHumanos.editarEmprendedor}" value="#{general.btnVer}"
                                               image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="pnlEmprendedores" immediate="true"/>

                        </div>
                    </rich:column>
                        
                </rich:dataTable>
                
            </rich:panel>
            <!-- ####### Aqui Termina el panel Emprendedores ####### -->



            <!-- ################### PANEL PARA CARGOS  ################### -->

        <rich:panel id="panCargos" header="#{general.definicion} de Cargos" >
            <rich:panel id="pnlCargos1" >
                    <rich:panel id="pnlCargos" header="Definir Cargos" style="width:500px" >

                        <a4j:commandButton id="btnNuevoCargo" value="Agregar" action="#{gestorRecursosHumanos.nuevoCargo}"
                                   title="Nuevo" reRender="pnlCargos" immediate="true"/>
                <a4j:form>
                    <a4j:region>
                <rich:panel id="pnlListaCargos"  rendered="#{gestorRecursosHumanos.renderCargo}" header="Ingresar Cargo" >
                    <a4j:include id="incBuscarCargo" viewId="/comun/buscarCargo.xhtml"/>
                    <h:panelGrid id="outIngresoCargo" columns="5" styleClass="gridhello" columnClasses="gridhellocolumn">

                        <h:outputText value="Cargo:" />
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />

                        <br/>
                        <h:outputText value="#{general.descripcion}:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idDescripcionC" value="#{gestorRecursosHumanos.currentCargo.descripcion}"
                                     required="true" maxlength="40"
                                     requiredMessage="Es necesario llenar este campo."
                                       size="23"
                                     >
                        <a4j:support event="onblur"/>
                        </h:inputText>

                        <rich:message for="idDescripcionC" errorClass="mensaje_error"/>
                        </h:panelGroup>

                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />



                        


                        <h:outputText value="Depende de:" />
                        <h:panelGroup>
                        <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                        <a4j:commandButton id="btnBuscaCargo" image="/imagenes/application_form_magnify.ico"
                                           actionListener="#{gestorRecursosHumanos.pasarParamatrosCargo}"
                                           reRender="pnlListaCargos"
                                           ajaxSingle="true"/>

                        <h:inputText id="idCargo" value="#{gestorRecursosHumanos.currentCargo.depende_de}"
                                         required="true" requiredMessage="Es necesario llenar este campo."
                                         size="25" >
                            <a4j:support event="onblur" />
                            </h:inputText>


                        <rich:message for="idCargo" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />

                        
                        
                        
                        <h:outputText value="Nivel:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idNivel" value="#{gestorRecursosHumanos.currentCargo.nivel}"
                                         size="4" required="true" maxlength="4"
                                         requiredMessage="Es necesario llenar este campo."
                                         >
                            </h:inputText>
                            <a4j:support event="onblur"/>
                            <rich:message for="idNivel" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        <h:outputText value="" />








                    </h:panelGrid>
                    <a4j:commandButton id="btnGrabarCargo" value="Guardar Cargo" action="#{gestorRecursosHumanos.grabarCargo}"
                                       title="Grabar" reRender="pnlCargos" />
                    <a4j:commandButton id="btnCancelarCargo" value="Cerrar" action="#{gestorRecursosHumanos.cerrarCargo}"
                                       title="Cerrar" reRender="pnlCargos" immediate="true"/>

                </rich:panel>
                        </a4j:region>
                            </a4j:form>
<!-- ###################  TABLA Cargos ################### -->

                <rich:dataTable id="tblCargos" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                                onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                cellpadding="0" cellspacing="0"
                                width="400" rows="5" border="0" var="row" value="#{gestorRecursosHumanos.currentEmprendimiento.cargos}"
                                binding="#{gestorRecursosHumanos.tablaCargo}">


                    <rich:column label="#{general.codigo}" >
                        <f:facet name="header">
                            <h:outputText id="outCodigo1" value="#{general.codigo}" title="#{general.codigo}"/>
                        </f:facet>
                        <h:outputText value="#{row.codigo}"></h:outputText>
                    </rich:column>

                    <rich:column label="Cargo">
                        <f:facet name="header">
                            <h:outputText id="outCargo" value="Cargo" title="Cargo"/>
                        </f:facet>
                        <h:outputText value="#{row.descripcion}"></h:outputText>
                    </rich:column>



                    <rich:column>

                        <f:facet id="ignore1" name="header">
                            <h:outputText id="outClmAcciones1" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                        </f:facet>

                        <div id="divAcciones1" align="center">

                            <a4j:commandButton id="btnAccionEliminar1" action="#{gestorRecursosHumanos.eliminarCargo}" value="#{general.eliminar}"
                                               image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="pnlCargos" immediate="true"/>
                            <a4j:commandButton id="btnAccionEditar1" action="#{gestorRecursosHumanos.editarCargo}" value="#{general.btnVer}"
                                               image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="pnlCargos" immediate="true"/>

                        </div>
                    </rich:column>

                <f:facet id="fctPieDetalle" name="footer">
                    <rich:datascroller id="dtsDetalleCargos" for="tblCargos"/>
                </f:facet>
                </rich:dataTable>




            </rich:panel>


            </rich:panel>
        </rich:panel>

            <!-- ################### PANEL PARA CARGOS  ################### -->



            <rich:messages id="msgCodigos" level="all" errorClass="mensaje_error" infoClass="mensaje_confirmacion"/>
            <h:panelGrid id="pngBtnGrabar" columns="2" cellspacing="5px">
                <a4j:commandButton id="btnGrabar" value="Grabar Recursos" action="#{gestorRecursosHumanos.grabar}"
                                   title="Guardar Recursos Humanos" reRender="pnlEmprendedores, panPersonas,pnlOrganigrama"/>

            </h:panelGrid>

        </rich:panel>


      

        <a4j:include id="incBuscarProfesion" viewId="/comun/buscarProfesion.xhtml"/>
        <a4j:include id="incBuscarHabilidad" viewId="/comun/buscarHabilidadRRHH.xhtml"/>
        
        

    </a4j:form>


    <rich:panel id="pnlOrganigrama" header="Panel Organigrama" >
        <a4j:commandButton id="btnGenerarOrg" actionListener="#{gestorRecursosHumanos.pasarListaCargos}" value="Generar / Refrescar"
                           title="Generar" immediate="true" reRender="pnlOrganigrama"/>
        <h:form>
             <rich:dataTable id="tablaCargos"
                    onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                    cellpadding="0" cellspacing="0"  columns="15" rows="15"
                    width="700" border="0" var="linea" value="#{gestorOrganigrama.lineas}">
                <rich:column>
                    <h:outputText value="#{(linea.valor1==1)||(linea.valor1==2)||(linea.valor1==3)||(linea.valor1==4)||(linea.valor1==5)?'':linea.valor1}"></h:outputText>
                    <img src="../imagenes/#{linea.valor1}.JPG"  />
                   
                </rich:column>
                <rich:column>
                    <h:outputText value="#{(linea.valor2==1)||(linea.valor2==2)||(linea.valor2==3)||(linea.valor2==4)||(linea.valor2==5)?'':linea.valor2}"></h:outputText>
                    <img src="../imagenes/#{linea.valor2}.JPG"  />
                </rich:column>
                <rich:column>
                    <h:outputText value="#{(linea.valor3==1)||(linea.valor3==2)||(linea.valor3==3)||(linea.valor3==4)||(linea.valor3==5)?'':linea.valor3}"></h:outputText>
                    <img src="../imagenes/#{linea.valor3}.JPG"  />
                </rich:column>
                <rich:column>
                    <h:outputText value="#{(linea.valor4==1)||(linea.valor4==2)||(linea.valor4==3)||(linea.valor4==4)||(linea.valor4==5)?'':linea.valor4}"></h:outputText>
                    <img src="../imagenes/#{linea.valor4}.JPG"  />
                </rich:column>
                <rich:column>
                    <h:outputText value="#{(linea.valor5==1)||(linea.valor5==2)||(linea.valor5==3)||(linea.valor5==4)||(linea.valor5==5)?'':linea.valor5}"></h:outputText>
                    <img src="../imagenes/#{linea.valor5}.JPG"  />
                </rich:column>
                <rich:column>
                    <h:outputText value="#{(linea.valor6==1)||(linea.valor6==2)||(linea.valor6==3)||(linea.valor6==4)||(linea.valor6==5)?'':linea.valor6}"></h:outputText>
                    <img src="../imagenes/#{linea.valor6}.JPG"  />
                </rich:column>
                <rich:column>
                    <h:outputText value="#{(linea.valor7==1)||(linea.valor7==2)||(linea.valor7==3)||(linea.valor7==4)||(linea.valor7==5)?'':linea.valor7}"></h:outputText>
                    <img src="../imagenes/#{linea.valor7}.JPG"  />
                </rich:column>
                <rich:column>
                    <h:outputText value="#{(linea.valor8==1)||(linea.valor8==2)||(linea.valor8==3)||(linea.valor8==4)||(linea.valor8==5)?'':linea.valor8}"></h:outputText>
                    <img src="../imagenes/#{linea.valor8}.JPG"  />
                </rich:column>
                <rich:column>
                    <h:outputText value="#{(linea.valor9==1)||(linea.valor9==2)||(linea.valor9==3)||(linea.valor9==4)||(linea.valor9==5)?'':linea.valor9}"></h:outputText>
                    <img src="../imagenes/#{linea.valor9}.JPG"  />
                </rich:column>
                <rich:column>
                    <h:outputText value="#{(linea.valor10==1)||(linea.valor10==2)||(linea.valor10==3)||(linea.valor10==4)||(linea.valor10==5)?'':linea.valor10}"></h:outputText>
                    <img src="../imagenes/#{linea.valor10}.JPG" />
                </rich:column>
                <rich:column>
                    <h:outputText value="#{(linea.valor11==1)||(linea.valor11==2)||(linea.valor11==3)||(linea.valor11==4)||(linea.valor11==5)?'':linea.valor11}"></h:outputText>
                    <img src="../imagenes/#{linea.valor11}.JPG"  />
                </rich:column>
                <rich:column>
                    <h:outputText value="#{(linea.valor12==1)||(linea.valor12==2)||(linea.valor12==3)||(linea.valor12==4)||(linea.valor12==5)?'':linea.valor12}"></h:outputText>
                    <img src="../imagenes/#{linea.valor12}.JPG"  />
                </rich:column>
                <rich:column>
                    <h:outputText value="#{(linea.valor13==1)||(linea.valor13==2)||(linea.valor13==3)||(linea.valor13==4)||(linea.valor13==5)?'':linea.valor13}"></h:outputText>
                    <img src="../imagenes/#{linea.valor13}.JPG"  />
                </rich:column>
                <rich:column>
                    <h:outputText value="#{(linea.valor14==1)||(linea.valor14==2)||(linea.valor14==3)||(linea.valor14==4)||(linea.valor14==5)?'':linea.valor14}"></h:outputText>
                    <img src="../imagenes/#{linea.valor14}.JPG"  />
                </rich:column>
                <rich:column>
                    <h:outputText value="#{(linea.valor15==1)||(linea.valor15==2)||(linea.valor15==3)||(linea.valor15==4)||(linea.valor15==5)?'':linea.valor15}"></h:outputText>
                    <img src="../imagenes/#{linea.valor15}.JPG"  />
                </rich:column>




            </rich:dataTable> 
         </h:form>

    </rich:panel>


</ui:composition>